// src/feature/auth/components/auth-screen.tsx
'use client';

import {useState} from "react";
import {SignInFlow} from "@/features/auth/types";
import SignInCard from "@/features/auth/components/sign-in-card";
import SignUpCard from "@/features/auth/components/sign-up-card";

const AuthScreen = () => {
    const [state, setState] = useState<SignInFlow>('signIn')

    return (
        <div
            className={'h-full flex items-center justify-center w-full bg-[#5C3B58]'}
        >
            <div className={'md:h-auto md:w-[420px]'}>
                {state === 'signIn' ?
                    <SignInCard setState={setState}/> :
                    <SignUpCard setState={setState}/>}
            </div>
        </div>
    );
};

export default AuthScreen;